html{font-size: 625%;background: #efeff4;}
.container{max-width: 750px;min-width: 320px;margin: 0 auto;margin-bottom: 45px;}

.top-bar{background: #313036;width: 100%;box-sizing: border-box;padding-left: 10px;color: #fff;text-align: center;font-size: 0.16rem;height: 40px;line-height: 40px;position: relative;}
.top-bar .top-left{position: absolute;top: 12px; left: 15px; width: 10px;height: 15px;background: url('../img/left.png') no-repeat 0 0; background-size: contain;}
.top-bar a{color: #fff;position: absolute;right: 10px;font-size: 0.12rem;}

.list-item{display: block;padding: 10px;width: 100%; box-sizing: border-box;position: relative;margin-bottom: 10px;background: #fff;}
.list-item dl{padding: 5px 0;position: relative;}
.list-item dl dt{float: left;width: 45%;padding-top:30%; margin-right: 10px;  box-sizing: border-box;}
.list-item dl dd{width: 50%;box-sizing: border-box; color: #999;position: absolute;margin-bottom: 0.05rem;right: 0;}
.list-item dl dd.title{font-size: 0.14rem;font-weight: 800;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 0.42rem;line-height: 0.21rem;color: #333;margin-bottom: 0.10rem;}
.list-item dl dd span.left{float: left;}
.list-item dl dd span.right{position:absolute;bottom: 0px;right: 0;}
.list-item dl dd span em{font-style: italic;color: #f30;font-size: 0.18rem;font-weight: 800;}
.list-item dl dd.middle{top:50%;}

.property{width: 100%;box-sizing: border-box;background: #fff;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;}
.property .property-item{width: 100%;box-sizing: border-box;line-height: 45px;border-bottom: 1px dashed #ccc;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;display: -webkit-flex;display: -moz-flex;}
.property .property-item .title{display:inline-block;width:50px;height: 45px;line-height: 45px;text-align: center;font-size:0.12rem;margin-right:10px; color:#999;}
.property .property-item .property-per{box-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.property .property-item .property-per span{display: inline-block;height: 25px;padding: 0 10px;line-height: 25px;background: #eee;color:#333;border: 1px solid #eee;}
.property .property-item .property-per span.active{border: 1px solid #FF4400;}

.property .property-last{width: 100%;box-sizing: border-box;line-height: 45px;border-bottom: 1px dashed #ccc;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;display: -webkit-flex;display: -moz-flex;}
.property .property-last .title{display:inline-block;width:50px;height: 45px;line-height: 45px;text-align: center;font-size:0.12rem;margin-right:10px;color:#999;}
.property .property-last .property-per{box-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.property .property-last .property-per .property-one{width: 100%;box-sizing: border-box;border-bottom: 1px dashed #ccc;color:#333;position: relative;}
.property .property-last .property-per .property-one.last{border-bottom:0; }
.property .property-last .property-per .property-one span{font-size: 0.14rem;}
.property .property-last .property-per .property-one .unit_amount{width: 1rem;height: 0.25rem;position: absolute;top: 10px;right: 10px; box-sizing:border-box;}
.property .property-last .property-per .property-one a{display: block; width: 0.25rem;height: 0.25rem;overflow: hidden;line-height: 0.23rem;border: 1px solid #ddd;text-align: center;font-size: 0.15rem;color: #999;float: left;box-sizing:border-box;font-weight: 100;}
.property .property-last .property-per .property-one input{width: 0.4rem;height: 0.25rem;float: left;box-sizing:border-box;border: 1px solid #ddd;border-left: none;border-right:none;text-align: center;color:#333;font-size: 0.12rem;}
.property .property-last .property-per .property-one a.amount_down{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.property .property-last .property-per .property-one a.amount_up{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.property .choose{width: 100%;box-sizing:border-box;border-bottom: 1px dashed #ccc;position: relative; /*  display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;display: -webkit-flex;display: -moz-flex; */display: none;}
.property .choose .title{display:inline-block;width:50px;height: 45px;line-height: 45px;text-align: center;font-size:0.12rem;margin-right:10px;color:#999;position: absolute;top: 0px;left: 0px;}
.property .choose .choose-ed{/* box-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1; */color: #333;width: 100%;box-sizing:border-box;padding-left: 50px;}
.property .choose .choose-ed table{/* box-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1; */width: 100%;box-sizing:border-box;}
.property .choose .choose-ed table tr{width: 100%;box-sizing:border-box;border-bottom: 1px dashed #ccc;display: inline-table;}
.property .choose .choose-ed table tr:last-child{border-bottom: 0;}
.property .choose .choose-ed table tr td{line-height: 40px;text-align: center;}
.property .choose .choose-ed table tr td.num em{padding-left: 5px;}
.property .choose .choose-ed table tr td.pros em{padding-right: 10px;float: left;display: inline-block;line-height: 40px;}
.property .choose .choose-ed table tr td.pros em i{font-style: inherit;}
.property .promise{width: 100%;box-sizing:border-box;text-align: center;height: 40px;line-height: 40px;}
.property .promise i{display: inline-block;width: 12px;height: 12px;background: url(../img/biao.png) no-repeat 0 0;background-size: cover;position: relative;top:2px;}
.property .promise a{color:#36c;padding:0 5px;}

.down-bar{position: fixed;bottom: 0; max-width: 750px;min-width: 320px;width: 100%;height: 45px;margin: 0 auto;box-sizing:border-box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;display: -webkit-flex;display: -moz-flex;}
.down-bar .price-bar{box-flex: 8;-webkit-box-flex: 8;-moz-box-flex: 8;-webkit-flex: 8;-moz-flex: 8;-ms-flex: 8;flex: 8;background: #f40;color: #fff;text-align: center;box-sizing:border-box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;display: -webkit-flex;display: -moz-flex;padding:12px 0;}
.down-bar .price-bar span{height: 20px;line-height: 20px;}
.down-bar .price-bar span.left{box-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.down-bar .price-bar span.left em{padding-left: 5px;}
.down-bar .price-bar span.right{box-flex: 2;-webkit-box-flex: 2;-moz-box-flex: 2;-webkit-flex: 2;-moz-flex: 2;-ms-flex: 2;flex: 2;border-left: 1px solid #fff;}
.down-bar .add-bar{box-flex: 7;-webkit-box-flex: 7;-moz-box-flex: 7;-webkit-flex: 7;-moz-flex: 7;-ms-flex: 7;flex: 7;background: #f30;color: #fff;text-align: center;line-height: 45px;font-size: 0.16rem;box-sizing:border-box;border-left: 1px solid #fff;}

@media screen and (min-width:640px){
	html{
		font-size: 808.5%;
	}
	.list-item dl dd{font-size: 0.16rem;}
	.list-item dl dd.title{font-size: 0.20rem;margin-bottom: 0.16rem;line-height: 0.3rem;height: 0.6rem;}
	.list-item dl dd span em{font-size: 0.22rem;}
}